<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="renderer" content="webkit">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
        <title>大窗口|/web/html/largeIndex.html</title>
    <link rel="stylesheet" type="text/css" href="/web/css/basic.css">
    <link rel="stylesheet" type="text/css" href="/web/css/ui.css">
    <link rel="stylesheet" type="text/css" href="/web/css/g.css">
    <link rel="stylesheet" type="text/css" href="/web/css/common.css">
</head>
<body>
	<script type="text/javascript">
			function changeTitle(){
				document.title='保险箱弹窗|/web/html/client-list.html?dsType=0';
				document.title='大窗口|/web/html/largeIndex.html';
			}
	</script>

    <div class="large-index">
    	<div class="win-change change-sm">
            <a href="/web/html/index.html" ></a>
        </div>
        <div class="g-pl10 g-pr10 g-pt10">
            <div class="user-info">
                <p id="j-username"></p>
                <p id="j-role" class="vip-user"></p>
                <div class="push-message">
                    <i></i>
                    <span id="j-pushMessage"></span>
                </div>
            </div>
            <div class="index-safebox clearfix">
                <div class="ring fl">
                    <div class="box-img"></div>
                    <div class="ring-img" id="j-ring"></div>
                </div>
                <div class="main fl">
                    <div class="main-block clearfix">
                        <div class="space-safebox fl">

                        </div>
                        <div class="link-btn fl">
                            <a href="/web/html/safebox.html" onclick="changeTitle();return false;">打开我的数据保险箱</a>
                        </div>
                    </div>
                    <div class="main-block g-mt50 clearfix">
                        <div class="space-chart fl clearfix">
                            <div id="space-chart" class="fl"></div>
                            <div class="g-pt10 g-ml15 fl">
                                <p><span id="statics"></span></p>
                                <p>存储空间:已用/可用</p>
                            </div>
                        </div>
                        <div class="time-chart fl clearfix">
                            <div id="time-chart" class="fl"></div>
                            <div class="g-pt10 g-ml15 fl">
                                <p><span id="days"></span></p>
                                <p>服务到期时间</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="index-count g-pt20 clearfix">
                <div class="count-tip g-pl15 fl clearfix">
                	<p class="fl"><i class="day-ico"></i>今日备份：<span id="todayCount"></span> 次</p>
                    <p class="g-ml20 fl"><i class="all-ico"></i>累计备份：<span id="allCount"></span> 次</p>  
                </div>
                <div class="count-cirel fl">
                    <ul class="clearfix">
                        <li>
                            <div class="ico-bg">
                                <div class="ico-speed ico"></div>
                                <div class="wave-amt" style="bottom:-25px;"><img src="/web/images/wave.png" height="60" width="206"></div>
                            </div>
                            <p>网速</p>
                        </li>
                        <li>
                            <div class="ico-bg">
                                <div class="ico-cpu ico"></div>
                                <div class="cpu-pointer" id="j-pointer"></div>
                            </div>
                            <p>CPU</p>
                        </li>
                        <li>
                            <div class="ico-bg bg-blue">
                                <div class="ico-drop ico"></div>
                                <div class="wave-amt" id="j-memWave" style="bottom:-54px;"><img src="/web/images/wave.png" height="60" width="206"></div>
                            </div>
                            <p>内存</p>
                        </li>
                        <li>
                            <div class="ico-server ico"></div>
                            <div class="float-win">
                                <div class="float-win-bg">
                                    <div class="code-block fl">
                                        <div class="code-img"><img src="/web/images/code.png"></div>
                                        <span>易备安微信公众号</span>
                                    </div>
                                    <div class="g-ml5 fl">
                                        <dl class="clearfix">
                                            <dt class="ico-qq"></dt>
                                            <dd>QQ在线咨询</dd>
                                            <dt class="ico-phone"></dt>
                                            <dd>400-6000-110</dd>
                                        </dl>
                                    </div>
                                    <div class="ico-tips"></div>
                                </div>
                            </div>
                            <p>客服</p>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="nav">
            <ul>
                <li class="active">
                	<a href="/web/html/largeIndex.html">
	                    <div class="ico ico-home fl"></div>
	                    <p class="fl">首页</p>
                    </a>
                </li>
                <li>
                	<a href="/web/html/safebox.html">
	                    <div class="ico ico-safebox fl"></div>
	                    <p class="fl">数据保险箱</p>
                    </a>
                </li>
                <li>
                	<a href="/web/html/monitor.html">
	                    <div class="ico ico-monitor fl"></div>
	                    <p class="fl">运行监控</p>
                    </a>
                </li>
                <li title="暂未开放，敬请期待">
                	<!-- <a href="javascript:;"> -->
                	<a>
	                    <div class="ico ico-user fl"></div>
	                    <p class="fl" style="color:#738EA8;">用户管理</p>
                    </a>
                </li>
                <li>
                	<a href="/web/html/systemSet.html">
	                    <div class="ico ico-set fl"></div>
	                    <p class="fl">系统设置</p>
                    </a>
                </li>
            </ul>
        </div>
    </div>
    <script src="/web/js/plugin/jquery-1.9.1.min.js" type="text/javascript"></script>
    <script src="/web/js/plugin/raphael.js" type="text/javascript"></script>
    <script src="/web/js/plugin/plugins.js" type="text/javascript"></script>
    <script src="/web/js/data/ajax.js" type="text/javascript"></script>
    <script src="/web/js/data/ebeim.js" type="text/javascript"></script>
    <script src="/web/js/logic/largeIndex.js" type="text/javascript"></script>
</body>
</html>
